<main role="main">
  <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1" class=""></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item  active" data-id="7">
        <img src="http://basic.com\\upload\banner\file\1617202791.6409.jpg" class="d-block w-100">
      </div>
      <div class="carousel-item " data-id="8">
        <img src="http://localhost//upload/banner/file/1617979773.7733.jpeg" class="d-block w-100">
      </div>
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <div class="container-lg mt-3 list-wrap">
    <div class="row">
      <div class="col-md-3 col-12">
        <div class="menu-second-wrap">
          <i class="iconfont icon-playcircle-fill"></i>
          <span class="parent-name">新闻中心</span>
          <select name="" class="float-right" id="menu-second-select">
            <option selected="" value="50">公司新闻</option>
            <option value="51">基层动态</option>
            <option value="52">通知公告</option>
            <option value="53">招标公告</option>
            <option value="54">人才招聘</option>
            <option value="55">媒体聚焦</option>
            <option value="56">行业资讯</option>
          </select>
        </div>
        <ul id="menu-second-list" class="list-group">
          <li class="list-group-item active" data-id="50"><i class="iconfont icon-double-arrow"></i><span>公司新闻</span>
          </li>
          <li class="list-group-item" data-id="51"><i class="iconfont icon-double-arrow"></i><span>基层动态</span></li>
          <li class="list-group-item" data-id="52"><i class="iconfont icon-double-arrow"></i><span>通知公告</span></li>
          <li class="list-group-item" data-id="53"><i class="iconfont icon-double-arrow"></i><span>招标公告</span></li>
          <li class="list-group-item" data-id="54"><i class="iconfont icon-double-arrow"></i><span>人才招聘</span></li>
          <li class="list-group-item" data-id="55"><i class="iconfont icon-double-arrow"></i><span>媒体聚焦</span></li>
          <li class="list-group-item" data-id="56"><i class="iconfont icon-double-arrow"></i><span>行业资讯</span></li>
        </ul>
      </div>
      <div class="col-md-9">
        <div class="content-wrap">
          <div class="content-title border-bottom">
            <span class="title-icon"></span>
            <span class="ml-2 title-name">公司新闻</span>
            <div class="float-right">
              <i class="iconfont icon-map"></i>
              <nav aria-label="breadcrumb" class="d-inline-block">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                  <li class="breadcrumb-item breadcrumb-2"><a href="#">新闻中心</a></li>
                  <li class="breadcrumb-item breadcrumb-3 active" aria-current="page">公司新闻</li>
                </ol>
              </nav>
            </div>
          </div>
          <div class="content-list-wrap">
            <ul id="content-list" class="list-group">
              <li class="list-group-item" data-id="17">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>第一篇文章</span>
                <span class="float-right text-secondary">2021-03-05 15:14:42</span>
              </li>
              <li class="list-group-item" data-id="26">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>新闻中心2/公司新闻</span>
                <span class="float-right text-secondary">2021-04-06 20:16:31</span>
              </li>
              <li class="list-group-item" data-id="27">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻3</span>
                <span class="float-right text-secondary">2021-04-06 22:09:49</span>
              </li>
              <li class="list-group-item" data-id="28">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻4</span>
                <span class="float-right text-secondary">2021-04-06 22:10:03</span>
              </li>
              <li class="list-group-item" data-id="29">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻5</span>
                <span class="float-right text-secondary">2021-04-06 22:10:21</span>
              </li>
              <li class="list-group-item" data-id="30">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻6</span>
                <span class="float-right text-secondary">2021-04-06 22:10:30</span>
              </li>
              <li class="list-group-item" data-id="31">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻7</span>
                <span class="float-right text-secondary">2021-04-06 22:10:40</span>
              </li>
              <li class="list-group-item" data-id="33">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻9</span>
                <span class="float-right text-secondary">2021-04-06 22:11:01</span>
              </li>
              <li class="list-group-item" data-id="34">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻10</span>
                <span class="float-right text-secondary">2021-04-06 22:11:14</span>
              </li>
              <li class="list-group-item" data-id="35">
                <i class="iconfont icon-playcircle-fill"></i>
                <span>公司新闻10</span>
                <span class="float-right text-secondary">2021-04-06 22:11:35</span>
              </li>
            </ul>
            <div class="page-wrap pl-3 pr-3">
              <nav class="my-page spiritPagination" aria-label="Page navigation example">
                <div class="float-left pagination-detail"></div>
                <div class="float-right pagination">
                  <ul class="pagination">
                    <li class="page-item page-first"><a class="page-link" href="JavaScript:void(0);">首页</a></li>
                    <li class="page-item page-pre"><a class="page-link" href="JavaScript:void(0);">上一页</a></li>
                    <li class="page-item active first-item"><a class="page-link" href="JavaScript:void(0);">1</a></li>
                    <li class="page-item last-item"><a class="page-link" href="JavaScript:void(0);">2</a></li>
                    <li class="page-item page-next"><a class="page-link" href="JavaScript:void(0);">下一页</a></li>
                    <li class="page-item page-last"><a class="page-link" href="JavaScript:void(0);">尾页</a></li>
                  </ul>
                </div>
              </nav>
              <span>
                <button type="button" class="btn btn-sm btn-danger btn-page-to">转到</button>
                <input type="number" id="page-input-val" style="width:40px;margin-right:5px;">页
              </span>
            </div>
          </div>

          <div class="article-wrap" style="display: none;"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="container-lg mt-4 mb-4">
    <div class="link-wrap row justify-content-md-center">
      <div>
        <div class="link-title-detail">友情链接<span>:</span></div>
      </div>

      <div class="col-md-2 col-6 detail-select-wrap">
        <select class="first-select">
          <option value="">政府机构</option>
          <option value="https://github.com/gghtrt520/Basic">国税局</option>
          <option value="https://github.com/gghtrt520/Basic">地税局</option>
        </select>
      </div>
      <div class="col-md-2 col-6 detail-select-wrap">
        <select class="first-select">
          <option value="">主流媒体</option>
        </select>
      </div>
      <div class="col-md-2 col-6 detail-select-wrap">
        <select class="first-select">
          <option value="">所属公司</option>
        </select>
      </div>
    </div>
  </div>
</main>